<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>这是组件的测试页面</title>
<!--    <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.4.1/css/bootstrap.min.css}"  media="all">-->
    <!--    导入bootstrap.js之前要先导入依赖的jquery-->
    <script type="text/javascript" th:src="@{/webjars/jquery/3.6.0/jquery.min.js}"></script>
<!--    <script type="text/javascript" th:src="@{/webjars/bootstrap/3.4.1/js/bootstrap.min.js}"></script>-->
</head>
<body>
<!--top跟导航栏-->
<!--<div th:insert="components/public/header :: html"></div>-->
<!--<a href="javascript:;" id="msg">测试消息页面</a>-->
<div id="show-data">

</div>
<script>
    $(function(){
        //测试一, 分别请求两个接口, 一个是票的数据, 第二个是票的筛选条件
        let data = {'date':'2022-09-10','from':'北京市 北京市 东城区','to':'广州','only_high_speed':''}
        // $.ajax({
        //     url: 'http://localhost/ticket/query',
        //     data: data,
        //     type: 'POST',
        //     success: function (data){
        //         $('#show-data').html(data);
        //     }
        // })
        // $.ajax({
        //     url: 'http://localhost/ticket/queryCondition',
        //     data: data,
        //     type: 'POST',
        //     success: function (data){
        //         $('#show-data').html(data);
        //     }
        // })
        $.ajax({
            url: 'http://localhost/ticket/queryPage',
            data: data,
            type: 'POST',
            success: function (data){
                $('#show-data').html(data);
            }
        })

    })
    // $('#msg').click(function () {
    //     $.ajax({
    //         url: "",
    //         type: "POST",
    //         data:{},
    //         success: function (data) {
    //
    //         }
    //     })
    // })
</script>
</body>
</html>